body{
    background-color:#D2DDE8;
}

.container{
    .title{
        height:1.17rem;
        font-size:0.45rem;
        text-align: center;
        line-height: 1.17rem;
        font-weight: bold;
        color: #000;
        margin-bottom: 0.33rem;
    }
    .nav{
        display: flex;
        font-size:0.32rem;
        height:2.19rem;
        border-radius: 0.21rem;
        background: #FFFFFF;
        margin:0 auto;
        width:8.93rem;
        margin-bottom:0.23rem;
        .item{
            flex:1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding-bottom:0.4rem;
            img{
                float:right;
                width: 0.8rem;
                height:0.8rem;
                margin-bottom: 0.21rem;
            }
        }
    }

    .info{
        margin:0 auto;
        margin-top:2.68rem;
        margin-bottom:0.27rem;
        background-color: #FBFBFF;
        border-top-left-radius: 0.46rem;
        border-top-right-radius: 0.46rem;
        padding:2.31rem 0.53rem 0;
        .biaoti{
            color:#333333;
            font-size:0.48rem;
            font-weight: bold;
            span{
                color:#e4a04f;
                vertical-align: middle;
            }
            img{
                height:0.7rem;
                vertical-align: middle;
            }
        }
        .item{
            padding-top:0.4rem;
            box-sizing: border-box;
            height:4.97rem;
            background-color: #fff;
            margin-bottom:0.27rem;
            h3{
                font-size:0.43rem;
                margin-bottom:0.27rem;
            }
            .content{
                font-size:0.37rem;
                margin-bottom:0.4rem;
            }
            p{
                font-size:0.32rem;
                color:#BDBDBD;
            }
        }
        position:relative;
        .banner{
            position: absolute;
            top:-2.07rem;
            width:8.93rem;
            height:3.3rem;
            background-color: #fff;
            margin:0 auto;
            border-radius: 0.21rem;
            img{
                width:100%;
                height:100%;
            }
        }
    }
    .bottom{
        height:1.47rem;
        background-color: #fff;
        position: fixed;
        bottom:0;
        width:100%;
        display: flex;
        .item{
            flex:1;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-size:0.32rem;
            .icon{
                width:0.53rem;
                height:0.53rem;
            }
            
        }
    }
}

.home{
    .icon{
        background: url(../images/home_active@1x.png) no-repeat;
        background-size:cover;
    }
}
.my{
    .icon{
        background: url(../images/mine@1x.png) no-repeat;
        background-size:cover;
    }
}